@red_dot_icon: -0px -0px 16px 16px;
@grid_blue_icon: -0px -16px 20px 20px;
@grid_dark_icon: -0px -36px 20px 20px;
@grid_gray_icon: -0px -56px 20px 20px;
@list_blue_icon: -0px -76px 20px 20px;
@list_dark_icon: -0px -96px 20px 20px;
@list_gray_icon: -0px -116px 20px 20px;
@nav_light_icon: -0px -136px 24px 22px;
@clock_light_icon: -0px -158px 24px 22px;
@ic_live_1: -0px -180px 23px 22px;
@ic_live_2: -0px -202px 23px 22px;
@dot_blue_icon: -0px -224px 24px 22px;
@speaker: -0px -246px 22px 22px;
@clock_dark_icon: -0px -268px 24px 22px;
@nav_gray_icon: -0px -290px 24px 22px;
@arrow_down_blue_icon: -0px -312px 24px 22px;
@title_gray_icon: -0px -334px 22px 22px;
@nav_dark_icon: -0px -356px 24px 22px;
@clock_gray_icon: -0px -378px 22px 22px;
@title_dark_icon: -0px -400px 22px 22px;
@title_blue_icon: -0px -422px 22px 22px;
@title: -0px -444px 22px 22px;
@speaker_gray_icon: -0px -466px 22px 22px;
@speaker_dark_icon: -0px -488px 22px 22px;
@speaker_blue_icon: -0px -510px 22px 22px;
@jiaoxuehuanjie_active_icon: -0px -532px 24px 24px;
@zhishidian_active_icon: -0px -556px 24px 24px;
@jiaoxuehuanjie_icon: -0px -580px 24px 24px;
@shipinxinxi_icon: -0px -604px 24px 24px;
@zhishidian_icon: -0px -628px 24px 24px;
@shipinxinxi_active_icon: -0px -652px 24px 24px;
@ic_unknow: -0px -676px 26px 26px;
@ic_txt: -0px -702px 26px 26px;
@ic_rar: -0px -728px 26px 26px;
@ic_photo: -0px -754px 26px 26px;
@ic_office: -0px -780px 26px 26px;
@notice_index_head: -0px -806px 50px 30px;
@ic_nav_search_hover: -0px -836px 31px 31px;
@live_last_text_icon: -0px -867px 98px 31px;
@right_arrow_icon: -0px -898px 20px 31px;
@left_arrow_icon: -0px -929px 22px 31px;
@ic_nav_search: -0px -960px 31px 31px;
@search_icon: -0px -991px 34px 34px;
@tv_icon: -0px -1025px 34px 34px;
@calendar_icon: -0px -1059px 38px 36px;
@logo: -0px -1095px 297px 38px;
@upload_menu_icon: -0px -1133px 38px 40px;
@add_menu_icon: -0px -1173px 38px 40px;
@edit_menu_icon: -0px -1213px 38px 40px;
@notic_menu_icon: -0px -1253px 54px 54px;
@live_menu_icon: -0px -1307px 54px 54px;
@video_menu_icon: -0px -1361px 54px 54px;
@live_disable_icon: -0px -1415px 103px 99px;
@live_onlive_icon: -0px -1514px 103px 99px;
@album_index_icon: -0px -1613px 324px 286px;
@weike_index_icon: -0px -1899px 324px 286px;
@live_index_icon: -0px -2185px 342px 313px;
@video_index_icon: -0px -2498px 656px 334px;

.sprite-width(@sprite) {
  width: extract(@sprite, 3);
}

.sprite-height(@sprite) {
  height: extract(@sprite, 4);
}

.sprite-position(@sprite) {
  @sprite-offset-x: extract(@sprite, 1);
  @sprite-offset-y: extract(@sprite, 2);
  background-position: @sprite-offset-x @sprite-offset-y;
}

.sprite(@sprite, @display:block) {
  .sprite-position(@sprite);
  background-repeat: no-repeat;
  overflow: hidden;
  display: @display;
  .sprite-width(@sprite);
  .sprite-height(@sprite);
}

.ico {
  background-image: url('../images/sprites.png');
}
